<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Веселите футболисти</title>
<link type="text/css" rel="stylesheet" href="styles/global.css">
<link type="text/css" rel="stylesheet" href="styles/home.css">
<script src="jquery-2.1.1.min.js"></script>
<script src="scripts.js"></script>
</head>
<body>
	<nav id="header">
		<div id="logo">
			<img src="images/logo1.1.jpg" />
		</div>
		<button id="logout">Излез</button>
		<input type="text" id="input-search" placeholder="Search" />



	</nav>
	<hr style="border-color: threedlightshadow; margin-top: -1px">

	<section id="left">
		<div id="public-messages">
			<div id="chat-header">Oбщ чат</div>
			<div id="chat-content">
				<p class="message">
					<b>Ivan</b>: I'm blue
				</p>
				<p class="message">
					<b>Blagovesta</b>: Da ba dee da ba da
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Ivan</b>: I'm blue
				</p>
				<p class="message">
					<b>Blagovesta</b>: Da ba dee da ba da
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Ivan</b>: I'm blue
				</p>
				<p class="message">
					<b>Blagovesta</b>: Da ba dee da ba da
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Ivan</b>: I'm blue
				</p>
				<p class="message">
					<b>Blagovesta</b>: Da ba dee da ba da
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Ivan</b>: I'm blue
				</p>
				<p class="message">
					<b>Blagovesta</b>: Da ba dee da ba da
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<textarea id="public-message"></textarea>
			</div>
		</div>
	</section>
	<section id="center">
		<div id="feed-header">Публикации</div>
		<div id="feed-content">
			<div id="avatar"></div>
			<div class="post" id="post1">
				<div class="post-author" id="post1-author" onclick="minimizePost()">Ivan</div>
				<div class="post-content" id="post1-content">Manamana</div>
				<div class="post-tags" id="post1-tags">ma, na, ma, na</div>
			</div>
			<div id="avatar"></div>
			<div class="post">
				<div class="post-author">Ivan</div>
				<div class="post-content">Manamana</div>
				<div class="post-tags">ma, na, ma, na</div>
			</div>
			<div id="avatar"></div>
			<div class="post">
				<div class="post-author">Ivan</div>
				<div class="post-content">Manamana</div>
				<div class="post-tags">ma, na, ma, na</div>
			</div>
			<div id="avatar"></div>
			<div class="post">
				<div class="post-author">Ivan</div>
				<div class="post-content">Manamana</div>
				<div class="post-tags">ma, na, ma, na</div>
			</div>
			<div id="avatar"></div>
			<div class="post">
				<div class="post-author">Ivan</div>
				<div class="post-content">Manamana</div>
				<div class="post-tags">ma, na, ma, na</div>
			</div>
		</div>
	</section>
	<section id="right">
		<div id="menu-header">Меню</div>
		<aside>
			<ul id="menu">
				<li><a>Публикации</a></li>
				<li><a>Резултати на живо</a></li>
				<li><a>Прогнози</a></li>
				<li><a>Форум</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
				<li><a>List item 1</a></li>
			</ul>
		</aside>
		<div id="pm-header">Лични съобщения</div>
		<div id="chat">
			<h3>List item X</h3>
			<div id="chat-history">
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
				<p class="message">
					<b>Kiril</b>: If I was green I would die
				</p>
			</div>
			<textarea id="public-message"></textarea>
			
		</div>
	</section>
</body>
</html>